/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 2385213 */
    src: url('//at.alicdn.com/t/c/font_2385213_jourgb8lfwm.woff2?t=1693894606323') format('woff2'),
         url('//at.alicdn.com/t/c/font_2385213_jourgb8lfwm.woff?t=1693894606323') format('woff'),
         url('//at.alicdn.com/t/c/font_2385213_jourgb8lfwm.ttf?t=1693894606323') format('truetype');
  }

i[class*="ui-ico-"] {
    font-family: iconfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}

.ui-ico-member::before {content: "\e626";}
.ui-ico-cashier1::before {content: "\e60b";}
.ui-ico-settings::before {content: "\e609";}
.ui-ico-doc::before {content: "\ea2b";}
.ui-ico-cashout::before {content: "\e68e";}
.ui-ico-handshake::before {content: "\e645";}
.ui-ico-repoter::before {content: "\e6cd";}
.ui-ico-exit::before {content: "\e7cb";}
.ui-ico-rack::before {content: "\e723";}
.ui-ico-Components::before {content: "\e679";}
.ui-ico-notice::before {content: "\e679";}
.ui-ico-bottle::before {content: "\e639";}
.ui-ico-connect::before {content: "\e6c0";}
.ui-ico-q::before {content: "\e60a";}
.ui-ico-arrow-down::before {content: "\e688";}
.ui-ico-power::before {content: "\e84b";}
.ui-ico-swap::before {content: "\e7ac";}
.ui-ico-pc-login::before {content: "\e65a";}
.ui-ico-scan-login::before {content: "\e743";}
.ui-ico-log::before {content: "\e6d5";}
.ui-ico-mail::before {content: "\e612";}
.ui-ico-setup::before {content: "\e600";}
.ui-ico-add::before {content: "\e623";}
.ui-ico-cashier::before {content: "\e6b7";}
.ui-ico-room::before {content: "\e604";}
.ui-ico-menu::before {content: "\e605";}
.ui-ico-admin::before {content: "\e606";}
.ui-ico-hotel::before {content: "\e643";}
.ui-ico-door::before {content: "\e65b";}
.ui-ico-customer::before {content: "\e713";}
.ui-ico-edit::before {content: "\e636";}
.ui-ico-finger::before {content: "\e6e6";}
.ui-ico-password::before {content: "\e681";}
.ui-ico-idcard::before {content: "\f023";}
.ui-ico-account::before {content: "\e621";}
.ui-ico-unchecked::before {content: "\ec58";}
.ui-ico-checked::before {content: "\e63c";}
.ui-ico-price::before {content: "\e607"}
.ui-ico-order::before{content: "\ea2a";}
.ui-ico-pc-fill::before{content: "\e671";}
.ui-ico-pc-line::before{content: "\e8dc";}
.ui-ico-qr-code::before{content: "\e60d";}

.ui-ico-loading {
    -webkit-animation: rotating 2s cubic-bezier(0.3, 0.68, 0.3, 1.08) infinite;
    animation: rotating 2s cubic-bezier(0.3, 0.68, 0.3, 1.08) infinite;
    &::before {
        content: "\e61c";
    }
}

/* 全局样式 */
html,
body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    height: 100%;
}
body, textarea{font-family: Arial, Helvetica Neue, NotoSansHans-Regular, AvenirNext-Regular, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, Helvetica, sans-serif;}

.ui-app {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
a {
    color: #67c23a;
    text-decoration: none;
    &:hover {
        color: #85ce61;
    }
}

.box-row {
    display: flex;
    flex-direction: row;
}
.box-col {
    display: flex;
    flex-direction: column;
}

.box-full {
    flex: 1;
}

/* 导航左侧菜单样式 */
.ui-aside .el-menu [class^="ui-ico-"],
.ui-aside-popup .el-menu [class^="ui-ico-"] {
    margin-right: 0.2rem;
    width: 1.5rem;
    text-align: center;
    font-size: 1.125rem;
    vertical-align: middle;
}

.ui-aside {
    width: 12.5rem;
    background: #333333;
    transition: width 0.2s linear;
    margin: 0;
    &.ui-aside-collapse {
        width: 4rem;
    }
    .ui-aside-mask {
        display: none;
    }
    .el-menu,
    .el-menu li,
    .el-menu span,
    .el-menu div .el-menu i,
    .el-menu .el-sub-menu__title {
        i {
            color: #ffffff;
        }
        background-color: transparent;
        color: #ffffff;
        border-right: none;
        transition: background-color linear 0.3s;
    }
    /*每一项行高*/
    .el-menu-item,
    .el-sub-menu__title {
        line-height: 3rem;
        height: 3rem;
    }
    .el-menu-item:hover{background-color: #CB33EA;}
    .el-menu > li.el-menu-item.is-active {
        i {
            color: #ffffff;
        }
        background: #931aac;
        border-right: 0.25rem solid #e472fb;
    }
    .el-menu li.el-sub-menu.is-active > .el-sub-menu__title {
        span {
            color: #CB33EA;
        }
        i {
            color: #CB33EA;
        }
    }
    /* 纯图标方式导航菜单样式 */
    .el-menu.el-menu--collapse {
        > li.el-sub-menu.is-active .el-sub-menu__title,
        > li.el-menu-item.is-active {
            background-color: transparent;
            border-right: none;
            i {
                color: #CB33EA;
            }
        }
    }
}
.ui-question{
    color: #409eff; padding:0 .1rem;
    cursor: pointer;
    &:hover{color: #64affa;}
}
.ui-pad {
    .ui-aside.ui-aside-collapse {
        width: 4rem;
    }
}
.ui-mobile {
    .ui-aside {
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
        bottom: 0rem;
        transition: left 0.2s linear;
        width: 15rem;
        &.ui-aside-collapse {
            left: -15rem;
        }
    }
    .ui-aside-show.ui-aside-mark {
        display: initial;
    }
}

/*顶部样式*/
.ui-header {
    height: 3rem;
    background: #252526;
    font-size: 1.5rem;
    line-height: 3rem;
    color: #C3C3C3;
    padding: 0 0 0 0.5rem;
    i.btn {
        cursor: pointer;
        line-height: 3rem;
    }
    .avatar-menu {
        display: flex;flex-direction: row;
        font-size: 1rem;
        color: #C3C3C3;
        padding: 0 0 0 .5rem;
        cursor: pointer;
        &.focusing {
            background-color: #ffffff35;
        }
        span{padding: .25rem;line-height: 2.5rem;}
        .user-label{min-width: 3.5rem; display: block;text-align: center;}
    }
    .amount {
        color: #C3C3C3;
        font-size: 0.8rem;
        line-height: 3rem;
    }
    .ui-avatar-img img {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.3rem;
        line-height: 3rem;
        margin: 0.25rem;
        border: 0.0625rem solid #ffffff;
        box-sizing: border-box;
    }
}

/*底部样式*/
.ui-footer {
    height: 1.375rem;
    background: #2c7bc9;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 1.375rem;
}

.ui-pagination-ctn{
    .ui-sumboard{
        flex:1;color:#606266;font-size: .8rem;line-height: 2rem; text-align: left;
        .title{padding: 0 .125rem 0 1rem;}
    }
    text-align: right;padding:0 .5rem;height: 34px;
    .el-pagination{
        height: 32px;
    }
}
.el-pager > li{outline: none;}

@keyframes progress-thumb {
    0% {
        left: -20%;
        width: 10%;
    }
    60% {
        left: 50%;
        width: 50%;
    }
    100% {
        left: 100%;
        width: 0%;
    }
}
/*进度条组件样式*/
.ui-progress {
    width: 100%;
    background: #aad1f9;
    height: 0.25rem;
    position: relative;
    overflow: hidden;
    .inner-small {
        height: 100%;
        position: absolute;
        background: #106cc8;
        animation: progress-thumb 2s linear infinite;
    }
}
.page-progress {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10001;
    display: none;
    background: #aad1f980;
    height: 0.2rem;
    &.loading {
        display: initial;
    }
}
.ui-pc,
.ui-pad {
    .ui-dialog-autow {
        min-width: 28rem;
        max-width: 60%;
        .el-dialog__body {
            padding: 0 1.5rem;
        }
    }
}

.ui-mobile {
    .ui-dialog-autow {
        min-width: 100%;
    }
    .el-message-box {
        max-width: 100%;
        width: fit-content;
        min-width: 80%;
    }
}



.ui-info-board {
    min-width: 20rem;
    flex: 0.5;
    .title {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        flex: 1;
        i {
        font-size: 1.2rem;
        padding: 0 0.25rem;
        }
    }
    .el-card__header {
        > div {
        display: flex;
        flex-direction: row;
        padding: 0;
        }
    }

    .el-card__body {
        padding: 0.5rem;
        > .el-row > .el-col {
            font-size: 0.8rem;
            line-height: 2rem;
            display: flex;
            flex-direction: row;
            > *:nth-child(odd) {
                width: 5rem;
                text-align: right;
                box-sizing: border-box;
                padding: 0 0.5rem;
            }
            > *:nth-child(even) {
                flex: 1;
            }
        }
    }
    margin-bottom: .5rem;
}

.ui-scroll-page{
    padding: 1rem;
    > * {
    margin: 0 0 1rem 0;
    }
}

.ui-mobile{
    .ui-scroll-page{padding:.5rem;}
}
.ui-dlg-loading{display: none;}
.ui-dlg-loading-show{
    display:initial !important; position: absolute !important;left:0;right:0;top:0;bottom:0;height:100%;width:100%;
    .el-loading-mask{width:100%;height:100%;}
}


::-webkit-scrollbar {width: .5rem;height: .5rem;}
::-webkit-scrollbar-thumb {
background: #CCCCCC;
/*border-radius: .25rem;*/
}
::-webkit-scrollbar-thumb:hover{
background: #DDDDDD;
}
::-webkit-scrollbar-track{
background: #fafafa;
border-radius: 0px;
}

@media(prefers-color-scheme:dark){

}

.ui-settle-dialog{
    width:45rem;max-width: 50rem;min-width:50rem;
    .el-dialog__body{height:25rem;padding: .5rem; > div{height:24rem;}}
}
.ui-charge-rule-dialog{
    width:45rem;max-width: 50rem;min-width:50rem;
}
.ui-dark-dialog{
    border-radius:.7rem;overflow: hidden;
}

.co-toolbar{
    padding: .5rem;
    box-sizing: border-box;
    > * {margin-left:.65rem;}
    .el-date-editor{max-width: 23rem;}
}

.ui-data-list-panel{
    flex:1;overflow: auto;display: flex;flex-direction: column;
    .ui-data-grid{
        flex:1;
        .cell-button{min-height: 23px;padding:0px 10px;min-width: 60px;}
    }
}

.ui-body-twocol{
    display: flex;flex-direction: row;
    .flex{flex:1;}
}

.ui-settle-inf{
    width: 14rem;
    display: grid;
    grid-template-columns: 5rem auto;
    grid-template-rows: repeat(1, 1.75rem);
    > *{
        line-height:1.75rem;
        &:nth-child(odd){text-align: right;padding:0 .25rem;}
    }
    .ui-cash-refund{
        font-size:1.5rem !important;line-height:2.625rem !important;color: #2626d1;
    }
}

.ui-shiftexchange-inf{
    width: 20rem;
    display: grid;
    grid-template-columns: 10.5rem auto;
    grid-template-rows: repeat(1, 1.75rem);
    > *{
        line-height:1.75rem;
        &:nth-child(odd){text-align: right;padding:0 .5rem;}
    }
    .ui-cash-refund{
        font-size:1.5rem !important;line-height:2.625rem !important;color: #2626d1;
    }
}

.ui-stage-create{color:#DCDFE6;}
.ui-stage-using{color:#67C23A;}
.ui-stage-pause{color:#E6A23C;}
.ui-stage-completed{color:#409EFF;}
.ui-stage-cancel{color:#303133;}
.ui-stage-danger{color:#FC5151;}
.ui-stage-timel{color:#AE00AE;}
.ui-stage-member{color:#B5A642;}

.ui-small-fontsize{font-size:.75rem;}
.el-dialog__body{
    .co-toolbar{
        padding-left: 0;
    }
}

/*数目调节钮*/
.ui-nums-oper{
    button:first-child{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    button:last-child{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .el-input, .el-input__wrapper{
        flex:1;
        border-radius: 0;
        border-right: none; border-left: none;text-align: center;
    }
    .el-input__inner{
        line-height:initial;
    }
}

.ui-date_rangetpl{
    display: grid;
    grid-template-columns: repeat(10, 10%);
}
.ui-week_rangetpl{
    display: grid;
    grid-template-columns: repeat(7, 14.2857%);
}


/*

* {
  transition-property:none!important;
  transition-delay:0s!important;
  transition-duration:0s!important;
  transition:none!important;

  animation:none!important;
  animation-delay:0s!important;
  animation-duration:0s!important;
  animation-iteration-count:0!important;
}
*/

.co-box-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: left;
    justify-content: flex-start;
}
.co-el-toolbar{
    .co-box-row{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: left;
        justify-content: flex-start;
    }
    .co-toolbar{
        .el-form-item{
            margin-bottom: 8px;
        }
        .input-no{width:17rem;}
    }
}

.el-pagination{
    .el-select, .select-trigger, .el-input,.el-input__wrapper{
        line-height: 24px;
    }
    .el-input__inner{
        height: 24px;
        font-size: .85rem;
    }
}
